<template>
  <div class="goodlist">
     <GoodListItem v-for="(item,index) in goods" :key='index' :goodsitem="item"></GoodListItem>
  </div>
</template>

<script>
import GoodListItem from './goodlistitem.vue'
export default {
  name: 'goodlist',
  props: {
    goods: {
      type: Array,
      default() {
        return []
      }
    }
  },
  components: {
    GoodListItem
  },
  mounted() {
  }
}
</script>

<style lang='stylus' scoped>
.goodlist
  display flex
  flex-wrap wrap
  justify-content space-around
</style>